{extends file="layout.tpl"}
{block name="content"}
<div class="box-content box-game">
	<div class="box-game-online">
		<h3 class="bgh3">
			<a title="{__('Game Online')}" href="{site_url('game-online')}">{__('Game Online')} </a>
			<span class="mtab">
				
				<a id="tabJava" title="Game Java" href="javascript:void(0)">Java</a>
				
				<a id="tabAndroid" title="Game Android" href="javascript:void(0)">Android</a>
				
				<a id="tabiOs" title="Game Android" href="javascript:void(0)">iOs</a>
			</span>
			<a title="{__('Xem thêm')}" href="{site_url('game-online')}" class="view-more">{__('Xem thêm')}</a>
		</h3>
		<div class="mcontent" id="tabContent">
			<div class="tabcontent">
				{games type="online" game_type="online"}
					<ol class="g-list">
					{$i=0}
					{foreach $games_online as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($games_online))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
													<font color="#FF0000">(Miễn phí)</font>
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="{__('Đang chơi')}" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value">{$game['dowload']} Con zời đang chơi</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_jar']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jar" title="Download file Jar" >
														Jar
													</a> 
												{/if}
												{if $game['file_jad']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jad" title="Download file Jad" >Jad</a> 
												{/if}
												
												{if $game['file_android']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=android" title="Dowload for Android" >Android</a> 
												{/if}
												{if $game['file_ios']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=ios" title="Dowload for iOs" >iOs</a> 
												{/if}
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
			<div id="tabJava_content"  style="display:none" class="tabcontent">
				{games type="online" game_type="java"}
					<ol class="g-list">
					{$i=0}
					{foreach $game_java as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($game_java))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
													<font color="#FF0000">(Miễn phí)</font>
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="{__('Đang chơi')}" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value">{$game['dowload']} Con zời đang chơi</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_jar']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jar" title="Download file Jar" >Jar</a> 
												{/if}
												{if $game['file_jad']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jad" title="Download file Jad" >Jad</a> 
												{/if}
												
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
			<div id="tabAndroid_content" style="display:none" class="tabcontent">
				{games type="online" game_type="android"}
					<ol class="g-list">
					{$i=0}
					{foreach $game_android as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($game_android))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
													<font color="#FF0000">(Miễn phí)</font>
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="{__('Đang chơi')}" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value">{$game['dowload']} Con zời đang chơi</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_android']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=android" title="Dowload for Android" >Android</a> 
												{/if}
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
			<div id="tabiOs_content" style="display:none" class="tabcontent">
				{games type="online" game_type="ios"}
					<ol class="g-list">
					{$i=0}
					{foreach $game_ios as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($game_ios))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
													<font color="#FF0000">(Miễn phí)</font>
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="{__('Đang chơi')}" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value">{$game['dowload']} Con zời đang chơi</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_ios']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=ios" title="Dowload for iOs" >iOs</a> 
												{/if}
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
		</div>
	</div>
	
	<div class="mt10 box-game-offline">
		<h3 class="bgh3">
			<a title="Game Offline" href="{site_url('game-offline')}">Game Offline</a>
			<span class="omtab">
				
				<a id="otabJava" title="Game Java" href="javascript:void(0)">Java</a>
				
				<a id="otabAndroid" title="Game Android" href="javascript:void(0)">Android</a>
				
				<a id="otabiOs" title="Game Android" href="javascript:void(0)">iOs</a>
			</span>
			<a title="Xem thêm" href="{site_url('game-offline')}" class="view-more">Xem thêm</a>
		</h3>
		<div class="mcontent" id="otabContent">
			<div class="otabcontent">
				{games type="offline" game_type="offline"}
					<ol class="g-list">
					{$i=0}
					{foreach $games_offline as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($games))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="Đang chơi" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value"> Thể loại: {$game['game_type_name']}</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_jar']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jar" title="Download file Jar" >
														Jar
													</a> 
												{/if}
												{if $game['file_jad']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jad" title="Download file Jad" >Jad</a> 
												{/if}
												
												{if $game['file_android']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=android" title="Dowload for Android" >Android</a> 
												{/if}
												{if $game['file_ios']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=ios" title="Dowload for iOs" >iOs</a> 
												{/if}
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
			<div id="otabJava_content" style="display:none" class="otabcontent">
				{games type="offline" game_type="java"}
					<ol class="g-list">
					{$i=0}
					{foreach $game_offline_java as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($games))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="Đang chơi" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value"> Thể loại: {$game['game_type_name']}</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_jar']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jar" title="Download file Jar" >Jar</a> 
												{/if}
												{if $game['file_jad']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=jad" title="Download file Jad" >Jad</a> 
												{/if}
												
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
			<div id="otabAndroid_content" style="display:none" class="otabcontent">
				{games type="offline" game_type="android"}
					<ol class="g-list">
					{$i=0}
					{foreach $game_offline_android as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($games))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="Đang chơi" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value"> Thể loại: {$game['game_type_name']}</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_android']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=android" title="Dowload for Android" >Android</a> 
												{/if}
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
			<div id="otabiOs_content" class="otabcontent">
				{games type="offline" game_type="ios"}
					<ol class="g-list">
					{$i=0}
					{foreach $game_offline_ios as $game}
						<li class="g-item{if (($i++)%2==0)} g-event{/if} {if ($i==count($games))} g-last{/if}">
							<div class="g-row">
								<div class="g-index">
									<div class="g-image">
										<a title="{$game['name']}" href="{site_url($game['link'])}">
											<img alt="{$game['name']}" src="{base_url($game['image'])}" width="50px" height="50px" />
										</a>
									</div>
									<div class="g-data">
										<ol>
											<li class="g-data-name">
												<h2>
													<a title="{$game['name']}" href="{site_url($game['link'])}">{$game['name']}</a>
													{if $game['is_hot'] == 1}
														<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
													{/if}
												</h2>
											</li>
											<li class="g-data-player">
												<img alt="Đang chơi" src="{url path="images/icon/playing.gif"}" />
												<span class="g-play-value"> Thể loại: {$game['game_type_name']}</span>
											</li>
											<li class="g-dowload">
												<span class="dowload-label">Tải về: </span>
												{if $game['file_ios']  != ''}
													<img alt="Dowload" src="{url path="images/icon/download.gif"}" />
													<a href="{site_url($game['download'])}?type=ios" title="Dowload for iOs" >iOs</a> 
												{/if}
											</li>
										</ol>
									</div>
								</div>
								<div class="g-info">
									{$game['info']}
								</div>
							</div>
						</li>
					{/foreach}
					</ol>
				{/games}
			</div>
		</div>
	</div>
</div>
{/block}